<nav id="navSidebar" class="nav-sidebar">
    <ul class="nav-list">
        <li>
            <a href="/dashboard"><i class="menu-icon fa fa-tachometer"></i><span class="menu-text">公告板 Dashboard</span> </a>
            <b class="arrow"></b>
        </li>
        <li>
            <a href="#" class="nav-dropdown">
                <i class="menu-icon fa fa-globe"></i><span class="menu-text">基础 Basic</span><b class="arrow fa fa-angle-down"></b>
            </a>
            <b class="arrow"></b>
            <ul class="submenu" style="display: block;">
                <li>
                    <a href="#" class="nav-dropdown">
                        <i class="menu-icon fa fa-caret-right"></i>布局 Layout<b class="arrow fa fa-angle-down"></b>
                    </a>
                    <b class="arrow"></b>
                    <ul class="submenu">
                        <li>
                            <a href="/basic/layout/normal"> <i class="menu-icon fa fa-caret-right"></i>普通布局</a> <b class="arrow"></b>
                        </li>
                        <li>
                            <a href="#"> <i class="menu-icon fa fa-caret-right"></i>测试菜单</a> <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="/basic/typography"><i class="menu-icon fa fa-caret-right"></i>排版 Typography</a> <b class="arrow"></b>
                </li>
                <li>
                    <a href="/basic/button"><i class="menu-icon fa fa-caret-right"></i>按钮 Button</a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="/basic/icon"><i class="menu-icon fa fa-caret-right"></i>图标 Icon</a>
                    <b class="arrow"></b>
                </li>
            </ul>
        </li>
        <li class="">
            <a href="#" class="nav-dropdown">
                <i class="menu-icon fa fa-desktop"></i><span class="menu-text">组件 components</span><b class="arrow fa fa-angle-down"></b>
            </a>
            <b class="arrow"></b>
            <ul class="submenu" style="display: 1block;">
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>对话框 Dialog</a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="/components/toast"> <i class="menu-icon fa fa-caret-right"></i>轻提示 Toast</a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>警告框 Alert</a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>卡片 Card</a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>日历 Calendar</a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>空数据 Empty</a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>选项卡 Tabs</a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>自动完成 AutoComplete</a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>级联选择 Cascader</a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>全屏抽屉 Drawer</a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>日期选择框 DatePicker</a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>圈圈 @</a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>上传 Upload</a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>折叠面板 Collapse</a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>粘贴板 Clipboard</a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>灯箱 Lightbox</a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>滚动条 Scrollbar</a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>步骤条 Steps</a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>穿梭框 Transfer</a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#" class="nav-dropdown"> <i class="menu-icon fa fa-caret-right"></i>Three Level Menu <b class="arrow fa fa-angle-down"></b> </a>
                    <b class="arrow"></b>
                    <ul class="submenu">
                        <li>
                            <a href="#"> <i class="menu-icon fa fa-leaf green"></i>Item #1 </a>
                            <b class="arrow"></b>
                        </li>
                        <li>
                            <a href="#" class="nav-dropdown"> <i class="menu-icon fa fa-pencil orange"></i>4th level<b class="arrow fa fa-angle-down"></b> </a>
                            <b class="arrow"></b>
                            <ul class="submenu">
                                <li>
                                    <a href="#"> <i class="menu-icon fa fa-plus purple"></i>Add Product </a>
                                    <b class="arrow"></b>
                                </li>

                                <li>
                                    <a href="#"> <i class="menu-icon fa fa-eye pink"></i>View Products </a>
                                    <b class="arrow"></b>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
        <li>
            <a href="#" class="nav-dropdown"> <i class="menu-icon fa fa-table"></i><span class="menu-text">表格 Table</span>
                <b class="arrow fa fa-angle-down"></b> </a>
            <b class="arrow"></b>
            <ul class="submenu">
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>Simple &amp; Dynamic </a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>jqGrid plugin </a>
                    <b class="arrow"></b>
                </li>
            </ul>
        </li>
        <li>
            <a href="#" class="nav-dropdown">
                <i class="menu-icon fa fa-file-text-o"></i><span class="menu-text">页面 Pages</span>
                <b class="arrow fa fa-angle-down"></b>
            </a>
            <b class="arrow"></b>
            <ul class="submenu">
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>Simple &amp; Dynamic </a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>jqGrid plugin </a>
                    <b class="arrow"></b>
                </li>
            </ul>
        </li>
        <li>
            <a href="#" class="nav-dropdown">
                <i class="menu-icon fa fa-pencil-square-o"></i><span class="menu-text">表单 Forms</span>
                <b class="arrow fa fa-angle-down"></b>
            </a>
            <b class="arrow"></b>
            <ul class="submenu">
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>Simple &amp; Dynamic </a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>jqGrid plugin </a>
                    <b class="arrow"></b>
                </li>
            </ul>
        </li>
        <li>
            <a href="#" class="nav-dropdown">
                <i class="menu-icon fa fa-area-chart"></i><span class="menu-text">图表 Charts</span>
                <b class="arrow fa fa-angle-down"></b>
            </a>
            <b class="arrow"></b>
            <ul class="submenu">
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>Simple &amp; Dynamic </a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>jqGrid plugin </a>
                    <b class="arrow"></b>
                </li>
            </ul>
        </li>
        <li>
            <a href="#" class="nav-dropdown">
                <i class="menu-icon fa fa-map-signs"></i><span class="menu-text">地图 Map</span>
                <b class="arrow fa fa-angle-down"></b>
            </a>
            <b class="arrow"></b>
            <ul class="submenu">
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>Simple &amp; Dynamic </a>
                    <b class="arrow"></b>
                </li>
                <li>
                    <a href="#"> <i class="menu-icon fa fa-caret-right"></i>jqGrid plugin </a>
                    <b class="arrow"></b>
                </li>
            </ul>
        </li>
    </ul><!-- /.nav-list -->
</nav>
